<!--
    <!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。
    <!DOCTYPE>声明不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
    在HTML5中只有一种声明：<!DOCTYPE html>
-->
<!DOCTYPE html>
<!--
    HTML语言声明属性，用来定义当前文档显示的语言。
    lang="en"表示定义语言为英文；lang="zh-CN"表示定义语言为中文。其实对于文档显示来说怎样写都无所谓，
    定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文。但还是应该遵循标准，毕竟这个属性对
    浏览器和搜索引擎还是有作用的。
    -->
<html lang="zh-CN">
<!--页头中的内容在浏览器中是无法显示的，这里是给服务器、浏览器、链接外部js和链接css样式等提供区域。-->
<head>
    <!--
        meta标签共有两个属性，分别是http-equiv属性和name属性。

        name属性主要用于描述网页，比如网页的关键词、描述等。与之对应的属性值为content，其中的内容是对name填入
        类型的具体描述，便于搜索引擎抓取。
    -->
    <meta name="keywords" content="前端，练习">  <!--用于告诉搜索引擎，你网页的关键字。-->
    <meta name="description" content="前端系统小结，练习。">  <!--用于告诉搜索引擎，你网页的主要内容。-->
    <meta name="viewport" content="width=device-width, initial-scale=1">    <!--用于设计移动端网页。-->
    <meta name="robots" content="none"> <!--定义搜索引擎爬虫的索引方式-->
    <meta name="author" content="jial,1005699801@qq.com">   <!--用于标注网页作者-->
    <!--renderer(双核浏览器渲染方式)-->
    <meta name="renderer" content="webkit">     <!--默认webkit内核-->
    <meta name="renderer" content="ie-comp">    <!--默认IE兼容模式-->
    <meta name="renderer" content="ie-stand">   <!--默认IE标准模式-->

    <!--http-equiv属性，相当于http的文件头作用-->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">  <!--旧的HTML，不推荐-->
    <meta charset="UTF-8">  <!--HTML5设定网页字符集的方式，推荐使用UTF-8-->
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">  <!--指定IE和chrome使用最新版本渲染当前页面-->

    <!--
        cache-control指定请求和响应遵循的缓存机制
        用法1
        指导浏览器如何缓存某个响应以及缓存多长时间
        no-cache: 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存。
        no-store: 不允许缓存，每次都要去服务器上，下载完整的响应。（安全措施）
        public : 缓存所有响应，但并非必须。因为max-age也可以做到相同效果
        private : 只为单个用户缓存，因此不允许任何中继进行缓存。（比如说CDN就不允许缓存private的响应）
        maxage : 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60表示响应可以再缓存和重用 60 秒。
        用法2
        禁止百度自动转码
        用于禁止当前页面在移动端浏览时，被百度自动转码。虽然百度的本意是好的，但是转码效果很多时候却不尽人意。
        所以可以在head中加入no-siteapp，就可以避免百度自动转码了。
    -->
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!--Expires网页到期时间，只能是HTTP格式的日期时间，即格林威治时间，其他的都会被解析成当前时间“之前”，
    对于静态头片和新闻的缓存特别有效，比如每天早上6点更新新闻，可以设置网页的过期时间也是这个时间，第二天
    过6点请求的时候取更新的版本，再设置过期时间为后一天的6点，这样就可以充分利用缓存，减少服务器压力，加快
    网页响应速度。
    虽然过期时间属性非常有用，但是它还是有些局限，首先：是牵扯到了日期，这样Web服务器的时间和缓存服务器的时间必须是同步的，
    如果有些不同步， 要么是应该缓存的内容提前过期了，要么是过期结果没及时更新。

    还有一个过期时间设置的问题也不容忽视：如果你设置的过期时间是一个固定的时间，如果你返回内容的时候又没有连带更新下次过期
    的时间，那么之后所有 访问请求都会被发送给源Web服务器，反而增加了负载和响应时间；-->
    <meta http-equiv="Expires" content="Friday 18 May 2018 10:54:00 GMT">
    <!--<meta http-equiv="refresh" content="2; URL=http://www.baidu.com">-->   <!--2秒后自动刷新并指向某页面，如果只有一个2则表示该页面2秒刷新一次-->
    <meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT">   <!--如果网页过期。那么这个网页存在本地的cookies也会被自动删除。-->
    <title>head头部小结</title>
</head>
<body>
<div>
    <h1>head头部小结</h1>
</div>
</body>
</html>